{% load i18n %}
{% load humanize %}

<li feed-id="{{ feed.pk }}" csrf="{{ csrf_token }}">
  <a href="#"><img src="http://www.nqzx.net/{{ feed.user.profile.get_picture }}" class="user"></a>
  <div class="post">
    {% if feed.user == user or user.is_superuser %}
        <span class="mui-icon mui-icon-closeempty remove-feed" title="{% trans 'Click to remove this feed' %}"></span>
    {% endif %}
    <h3><a href="#">{{ feed.user.profile.get_screen_name }}</a> <span class="badge">Lv.{{ lvl }}</span><small>{{ feed.date|naturaltime }}</small></h3>
      <p>{{ feed.linkfy_post|safe }}</p>
      <div class="interaction">
        {% if user in feed.get_likers %}
          <a href="#" class="like unlike">
            <span class="mui-icon mui-icon-star"></span>
            <span class="text">{% trans 'Unlike' %}</span>
            (<span class="like-count">{{ feed.likes }}</span>)
          </a>
        {% else %}
          <a href="#" class="like">
            <span class="mui-icon mui-icon-star"></span>
            <span class="text">{% trans 'Like' %}</span>
            (<span class="like-count">{{ feed.likes }}</span>)
          </a>
        {% endif %}
        <a href="#" class="comment">
          <span class="mui-icon mui-icon-chatbubble"></span> {% trans 'Comment' %}
          (<span class="comment-count">{{ feed.comments }}</span>)
        </a>
      </div>
    <div class="comments">
      <form role="form" method="post" action="http://www.nqzx.net/app/comment" onsubmit="return false">
        {% csrf_token %}
        <input type="hidden" name="feed" value="{{ feed.pk }}">
        <input type="text" class="form-control input-sm" placeholder="{% trans 'Write a comment...' %}" name="post" maxlength="255">
      </form>
      <ol class="clearfix">
        {% comment %} Place holder to load feed comments {% endcomment %}
      </ol>
    </div>
  </div>
</li>
